<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>水产品销售内部管理系统</title>
<link rel="stylesheet" type="text/css"
	href="/js/jquery-easyui-1.5.4.5/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
	href="/js/jquery-easyui-1.5.4.5/themes/icon.css">
<script type="text/javascript"
	src="/js/jquery-easyui-1.5.4.5/jquery.min.js"></script>
<script type="text/javascript"
	src="/js/jquery-easyui-1.5.4.5/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="/js/jquery-easyui-1.5.4.5/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="/js/common.js"></script>
</head>
<body class="easyui-layout">   
    <div data-options="region:'north',title:'',split:false" style="height:60px;text-align: center;line-height: 28px">
    	<h2>电商后台内部管理系统V1.0</h2>
    </div>   
    <div data-options="region:'south',title:'',split:false" style="height:50px;text-align: center;line-height: 48px">
    	版权所有：X陈电商研究工作室。
    	联系电话：88888888888
    </div>   
    <div data-options="region:'west',title:'导航菜单',split:false" style="width:180px;">
    	<ul id='main-tree' class="easyui-tree" data-options="url:'/main/tree'"></ul>    
    </div>   
    <div data-options="region:'center',title:''" style="padding:5px;background:#eee;">
    	<!-- 选项卡 -->
    	<div id="main-tabs" class="easyui-tabs" style="width:100%;height:100%;"></div>
    </div> 
    
    <!-- 菜单列表页面的右键菜单 -->
	<div id="menu-list-menu-ctx" class="easyui-menu" style="width:120px;">   
	    <div data-options="iconCls:'icon-add'" onclick="menu.openAddWindow()">添加</div>
	    <div class="menu-sep"></div>   
	    <div data-options="iconCls:'icon-edit'" onclick="menu.openEditWindow()">修改</div>  
	    <div class="menu-sep"></div> 
	    <div data-options="iconCls:'icon-remove'" onclick="menu.remove()">删除</div>   
	</div>  
</body> 
<script type="text/javascript">
$('#main-tree').tree({
	onClick: function(node){
		//判断是否url有值
		if(!node.attributes.url || node.attributes.url == ''){
			return;
		}
		//创建一个选择卡或者选择一个存在的选项卡
		if($('#main-tabs').tabs('exists',node.text)){
			$('#main-tabs').tabs('select',node.text);
		}else{
			$('#main-tabs').tabs('add',{    
			    title:node.text,    
			    href:node.attributes.url,
			    cache:false,
			    closable:true 
			});  
		}
	}
});

</script>
</html>